
<template>
  <div>
    <Header />
    <Banner />
    <div class="back">
      <Toast class="mb-10" />
      <DataSearch class="mb-10" />
      <SelectSubject class="mb-10" />
      <TodayUniversity class="mb-10" />
      <TodayMajor class="mb-10" />
      <ExamInfomation class="mb-10" />
    </div>
    <Footer />
  </div>
</template>

<script lang="ts" setup>
import { mapState } from 'ssr-hoc-vue3'
import { IndexData } from '~/typings/data'
import Header from '@/components/header/index.vue'
import Banner from '@/components/home/banner/banner.vue'
import Toast from '@/components/toast/index.vue'
import DataSearch from '@/components/home/dataSearch/index.vue'
import SelectSubject from '@/components/home/selectSubject/index.vue'
import TodayUniversity from '@/components/home/todayUniversity/index.vue'
import TodayMajor from '@/components/home/todayMajor/index.vue'
import ExamInfomation from '@/components/home/examInformation/index.vue'
import Footer from '@/components/footer/index.vue'

const indexData = mapState<IndexData>().indexStore.value.data
</script>

<style lang="less" scoped>
@import "./index.less";
</style>
